<!DOCTYPE html>
<html lang="zh-cn">

<head>
<meta name="keywords" content="案例，公司案例">
<meta name="description" content="案例，公司案例">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>案例-西安黑咖啡网络科技有限公司</title>
<link rel="stylesheet" href="http://temp.xablackcoffee.com/css/swiper.min.css">
<link rel="stylesheet" href="http://temp.xablackcoffee.com/css/font.css">
<link rel="stylesheet" href="http://temp.xablackcoffee.com/css/head.css">
<link rel="stylesheet" href="http://temp.xablackcoffee.com/css/nav.css">
<link rel="stylesheet" href="http://temp.xablackcoffee.com/css/swiper.min.css">
<link rel="stylesheet" href="http://temp.xablackcoffee.com/css/case/case.css">
<link rel="stylesheet" href="../css/case.css">
<link rel="stylesheet" href="../css/swiper.min.css">
<script type="text/javascript" src="http://temp.xablackcoffee.com/js/jquery.min.js"></script>
<script type="text/javascript" src="http://temp.xablackcoffee.com/js/swiper.min.js"></script>
<script type="text/javascript" src="http://temp.xablackcoffee.com/js/case/case.js"></script>
<script type="text/javascript" src="./bundle.js"></script>
<script type="text/javascript" src="../js/swiper.min.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/case.js"></script>
<script type="text/javascript" src="../js/nav.js"></script>
<script type="text/javascript" src="../js/footer.js"></script>
</head>


<body>
    <!-- 头部 -->
    <header>
        <div class="login">
            <div class="login_menu">
                <ul>
                    <li onclick="pageChange(event)"><a href="login.html" target="_blank">登录</a></li>
                    <li onclick="pageChange(event)"><a href="register.html" target="_blank">注册</a>
                    </li>
                    <li onclick="pageChange(event)" id="cartShow"><a class="car"><span
                                class="icon iconfont icongouwuche1"></span> <span style="cursor:pointer">购物车</span>
                            (<span class="cart_count" id="cart_total">0</span>)</a></li>
                </ul>
                <div class="cart_details" style="display:none">
                    <ul id='cart'>
                    </ul>
                    <div class="details_bottom">
                        共<span class="total_money" id="goods_count">0</span>件 合计<span class="total_money"
                            id="goods_amount">0</span>元
                    </div>
                </div>
            </div>
        </div>
        <div class="wraps">
            <div class="toolbar">
                <a class="left" href="http://www.xablackcoffee.com/">
                    <img src="image/logo-new.png" alt="">
                </a>
                <ul id="tab">
                    <li class="indexs" onclick="pageChange(event)"><a href="index.html" target="_self">首页</a></li>
                    <li class="indexs" onclick="pageChange(event)"><a href="serviceItems.html" target="_self">服务项目</a>
                    </li>
                    <li class="indexs" onclick="pageChange(event)"><a href="case.html" target="_self">案例</a></li>
                    <li class="indexs" onclick="pageChange(event)"><a href="product.html" target="_self">产品</a></li>
                    <li class="indexs" onclick="pageChange(event)"><a href="information.html" target="_self">资讯</a></li>
                    <li class="indexs" onclick="pageChange(event)"><a href="commonProblem.html" target="_self">常见问题</a>
                    </li>
                    <li class="indexs" onclick="pageChange(event)"><a href="aboutus.html" target="_self">关于我们</a></li>
                </ul>
            </div>
        </div>

    </header>

    <!-- 中间 -->
    <nav>
        <div class="case_wrap">
            <div class="nav_service_case">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="section_vehicle_type clearfix">
                                <img class="imgc1" src="image/case/computer.png" alt="">
                                <img class="imgc2" src="image/case/screen.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="section_vehicle_type clearfix">
                                <img class="imgc1" src="image/case/computer.png" alt="">
                                <img class="imgc2" src="image/case/screen.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="section_vehicle_type clearfix">
                                <img class="imgc1" src="image/case/computer.png" alt="">
                                <img class="imgc2" src="image/case/screen.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="section_vehicle_type clearfix">
                                <img class="imgc1" src="image/case/computer.png" alt="">
                                <img class="imgc2" src="image/case/screen.png" alt="">
                            </div>
                        </div>
                    </div>

                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev left"></div>
                    <div class="swiper-button-next right"></div>


                </div>
            </div>
            <div class="nav_case_introduction">
                <div class="nav_introduction_left">
                    <div class="padd">
                        <h4>案例介绍</h4>
                        <span></span>
                        <div id="case_list">
                            <p>优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍</p>
                            <p>优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍</p>
                            <p>优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍优秀案例介绍简短介绍</p>
                        </div>

                    </div>
                </div>
                <div class="nav_introduction_right">
                    <div class="padd">
                        <h4>服务项目</h4>
                        <span></span>
                        <p>短息服务</p>
                        <p>小程序</p>
                        <p>财务系统</p>
                        <p>OA系统</p>
                        <p>进销存系统</p>
                        <p>APP应用</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="section_contact_us">
            <div class="section_us">
                <!-- <img src="image/serviceItems/F.png" alt=""> -->
                <a href="common-problem.html">常见问题答疑 > </a>
                <p>点击积累建站知识，准确提出诉求</p>
            </div>
        </div>
    </nav>
    <!-- 尾部 -->
    <footer>
        <div class="footer">
            <div class="footer-container">
                <div class="left">
                    <div class="title">售前咨询</div>
                    <div class="containers">400-0168-029</div>
                    <div class="containers">专业技术咨询</div>
                    <div class="containers">全方位产品解读</div>
                    <div class="containers">成熟解决方案</div>
                    <div class="containers">成功客户案例分享</div>
                </div>
                <div class="middle">
                    <ul>
                        <li class="title">支持与服务</li>
                        <li class="containers"><a href="serviceItems.html" target="_self">服务项目</a></li>
                        <li class="containers"><a href="case.html" target="_self">案例</a></li>
                        <li class="containers"><a href="product.html" target="_self">产品</a></li>
                    </ul>
                    <ul>
                        <li class="title">资讯</li>
                        <li class="containers"><a href="information.html" target="_self">资讯</a></li>
                    </ul>
                    <ul>
                        <li class="title">常见问题</li>
                        <li class="containers"><a href="commonProblem.html" target="_self">常见问题</a></li>
                    </ul>
                    <ul>
                        <li class="title">关于我们</li>
                        <li class="containers"><a href="aboutus.html" target="_self">关于我们</a></li>
                    </ul>
                </div>
                <div class="right">
                    <div class="title">关注黑咖啡</div>
                    <img src="image/index/er.png" alt="" style="width:80px;height:80px;">
                </div>
            </div>
            <div class="footer-me">
                <p>版权所有：©2018，西安黑咖啡网络科技有限公司保留所有权力陕ICP<a
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=18005715">备案18005715号</a></p>
                <p>地址：西安市碑林区南稍门中贸广场2单元2307</p>
            </div>
            <div style="position:fixed;bottom:0px;left:0px;z-index:99999999999">
                <span class="icon iconfont iconkefu" style="margin-left:10px;cursor:pointer;color:#fff"
                    onclick="showModel()"></span>
            </div>
        </div>
        <div id="service">
            <iframe src="customerService.html" frameborder="0" id="frams"></iframe>
        </div>
    </footer>
</body>
<script type="text/javascript">
    var page = window.pageVariable.Cases;
    page.init();
    var mySwiper = new Swiper('.swiper-container', {
    loop:true,
    autoplay: {
        delay:5000,
    },

    // 如果需要前进后退按钮
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    }
}) 
    page.getPagetData().then(res=>{
      let case_list= document.getElementById('case_list');
      let str=""
      if (res instanceof Array && res.length > 0) {
           res.forEach(item => {
             str+='<p>'+item.case_name+"-"+item.show_location+'</p>'
           })  
        }
        console.log(str,5656898)
        //case_list.innerHTML=str
        $("#case_list").html(str)

    })

</script>
</html>
